<script>
export default {
  name:'HelloWorld',
  props:{
    msg:String
  },
  methods:{
    show(index){
      if(index=='entryform'){
        this.$router.push('/entryform')
      }
      if(index=='home'){
        this.$router.push('/home')
      }
      if(index=='notification'){
        this.$router.push('/notification')
      }
      if(index=='questionary'){
        this.$router.push('/questionary')
      }
      if(index=='courses'){
        this.$router.push('/courses')
      }
    }
  }
}
</script>

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <nav class="navbar"> 
      <router-link @click="show('home')">Home</router-link>
      <router-link @click="show('notification')">notification</router-link>
      <router-link @click="show('questionary')">questionary</router-link>
    </nav>
  </div>
</template>

<style scoped>

</style>
